/**
	*系统通用图标
	*在多处有引用
	*不建议修改
 */
.system__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 42px;
	border-bottom: 1px solid var(--border-color);
}
/* 系统模块，当时用窗口时，使用该通用css */

.system__module {
	border-radius: 0 !important;
	height: 100%;
	position: relative;
	overflow: auto;
}
/* 系统通用图标 */
.system__icon {
	height: 32px;
	padding: 0 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	font-size: 16px;
	border-radius: var(--radius);

	&:hover {
		background: var(--hover-bg);
		svg {
			animation: system-icon var(--transition) ease-in-out;
		}
	}
}

.system__subtitle {
	font-size: 12px;
	color: #999;
}

@keyframes system-icon {
	0% {
		opacity: 0.6;
		transform: scale(0.9);
	}
	100% {
		opacity: 1;
		transform: scale(1.1);
	}
}
/* 文本渐变色 */
.text-linear-gradient {
	background: var(--linear-gradient);
	-webkit-background-clip: text;
	color: transparent;
	text-align: center;
	animation: text-linear-gradient 2s ease infinite;
	background-size: 200% 200%;
	@keyframes text-linear-gradient {
		0% {
			background-position: 0 12%;
		}

		50% {
			background-position: 100% 100%;
		}

		100% {
			background-position: 0 12%;
		}
	}
}
.system__hover {
	&:hover {
		background: var(--hover-bg);
	}
}
.system__active {
	&:hover {
		background: var(--active-bg);
	}
}
